<template>
	<view class="con">
		<!-- <view class="top flex">
			<image class="topz" src="/static/mine/img13.png" mode="widthFix"></image>
			<view class="topy">支付宝信息</view>
		</view> -->
		<view class="wrap">
			<view class="zhanh flex flex_between">
				<view></view>
				<view @click="goAlipay">更改</view>
			</view>
			<view class="main_1">
				<view class="main_1c flex">
					<!-- <view class="main_1cz">姓名</view> -->
					<view class="main_1cy">{{userInfo.zfb_name}}</view>
				</view>
				<view class="main_1c flex">
					<!-- <view class="main_1cz">账号</view> -->
          <view class="main_1cy yingew">*******{{userInfo.zfb.substr(7)}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				openid:uni.getStorageSync('openid'),
				userInfo: uni.getStorageSync('userInfo'), //授权后的信息
			};
		},
    onLoad() {
      this.userInfo = uni.getStorageSync('userInfo')
    },
    onShow() {
      this.userInfo = uni.getStorageSync('userInfo')
    },
    methods:{
      goAlipay(){
        uni.redirectTo({
          url:'/packageA/mine/alipay'
        })
      }
    }
	}
</script>

<style scoped lang="scss">
	.con{
		.top{
			width: 100%;
			height: auto;
			padding: 30rpx;
			box-sizing: border-box;
      padding-top: 20rpx;
			.topz{
				width: 48rpx;
				height: auto;
				margin-right: 18rpx;
			}
			.topy{
				color: rgba(16,16,16,1);
				font-size: 36rpx;
			}
		}
		.wrap{
			width: 100%;
			height: auto;
			.zhanh{
				color: rgba(16,16,16,1);
				font-size: 28rpx;
				margin-bottom: 22rpx;
				padding: 0 30rpx;
			}
			.main_1{
				width: 100%;
				border-radius: 20rpx;
				background-color: rgba(255,255,255,1);
				color: rgba(16,16,16,1);
				font-size: 24rpx;
				padding:50rpx 30rpx;
				box-sizing: border-box;
				margin-bottom: 40rpx;
				.main_1c{
					margin-bottom: 40rpx;
					.main_1cz{
						color: rgba(16,16,16,1);
						font-size: 32rpx;
						// width: 200rpx;
					}
					.main_1cy{
						color: rgba(0,0,0,1);
						font-size: 32rpx;
						width: 100%;
						
					}
					.main_1cy.yingew{
						font-family: 'AvantGardeFont';
					}
					.main_1cy_t{
						color: rgba(249,65,65,1);
						font-size: 32rpx;
					}
					.main_1cyri{
						color: rgba(137,137,137,1);
						font-size: 32rpx;
						border-left:2rpx solid rgba(137,137,137,1);
						padding-left: 20rpx;
						width: 120rpx;
						text-align: center;
						flex-grow: 0;
					}
					.main_1cy_teshu{
						width: 260rpx;
					}
				}
				.main_1c:last-child{
					margin-bottom: 0;
				}
			}
		}
		.btn{
			width: 100%;
			height: 84rpx;
			border-radius: 20rpx;
			background-color: rgba(249,191,65,1);
			color: rgba(16,16,16,1);
			font-size: 32rpx;
			text-align: center;
			line-height: 84rpx;
		}
	}
</style>
